<style type="text/css">
    *{color: white;font-weight:bold;}
    .index{background-color: black; height: 800px;}
    .top{height: 50px;}
    .title{font-size: 28px;text-align: center;margin-top: -10px;}
    .chartmain{border-style: solid; border-width: 1px; height: 800px; border-color: #ACD6FF;padding-right: 0px;}
    .chartitle{text-align: center;padding-top: 10px;padding-right: 0px;padding-top:10px;}

</style>

<div class="index col-sm-12">

    <div class="top col-sm-12 mt20">
        <img class="col-sm-4"src="http://oss.juyouhx.com/dataAnalysisImg/1.png"/>
        <div class="col-sm-4 row">
            <div class="title"><b>沈阳旅游智慧监测中心大屏</b></div>
        </div>
        <img class="col-sm-4" src="http://oss.juyouhx.com/dataAnalysisImg/2.png"/>
    </div>

    <div class="col-sm-12">
        <div class="col-sm-3 chartmain">
            <div class="chartitle">消费者来源/性别</div> 
            <div id="main"style="height:200px;margin-top:-40px;"></div>
            <div class="col-sm-12">
                <div id="main1" class="col-sm-6" style="height:200px;margin-top:-40px;padding-right: 0px;"></div>
                <div id="main2" class="col-sm-6" style="height:200px;margin-top:-40px;padding-left: 0px;"></div>
            </div>
        </div>
        <div class="col-sm-3 chartmain">
            
        </div>
        <div class="col-sm-3 chartmain">
            
        </div>
        <div class="col-sm-3 chartmain">
            
        </div>
    </div>

</div>